<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="/static/img/favicon.html">

    <title>三创教学管理系统</title>

    <!-- Bootstrap core CSS -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="/static/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="/static/css/style.css" rel="stylesheet">
    <link href="/static/css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="container" class="">
      <!--header start-->
      <header class="header white-bg">
          <div class="sidebar-toggle-box">
              <div data-original-title="Toggle Navigation" data-placement="right" class="icon-reorder tooltips"></div>
          </div>
          <!--logo start-->
          <a href="#" class="logo" >三创<span>教育</span></a>
          <!--logo end-->
          <div class="nav notify-row" id="top_menu">
            <!--  notification start -->

          </div>
          <div class="top-nav ">
              <ul class="nav pull-right top-menu">
                  <li>
                      <input type="text" class="form-control search" placeholder="Search">
                  </li>
                  <!-- user login dropdown start-->
                  <li class="dropdown">
                      <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                          <img alt="" src="/static/img/avatar1_small.jpg">
                          <span class="username">欢迎，{{ request.user.username }} </span>
                          <b class="caret"></b>
                      </a>
                      <ul class="dropdown-menu extended logout" style="width: auto ! important;">
                          <div class="log-arrow-up"></div>
{#                          <li><a href="#"><i class=" icon-suitcase"></i>Profile</a></li>#}
                          <li><a href="#"><i class="icon-cog"></i> 设置</a></li>
                          <li><a href="#"><i class="icon-bell-alt"></i> 消息</a></li>
                          <li><a href="{% url 'logout' %}"><i class="icon-key"></i> 退出</a></li>
                      </ul>
                  </li>
                  <!-- user login dropdown end -->
              </ul>
          </div>
      </header>
      <!--header end-->
      <!--sidebar start-->
      <aside>
          <div id="sidebar"  class="nav-collapse ">
              <!-- sidebar menu start-->
              <ul class="sidebar-menu">
                  {% for menu in menus %}
    {% if menu.children_menus %}
    <li class="sub-menu">
        <a href="javascript:;" class="">
            <i class="icon-book"></i>
            <span>{{ menu.name }}</span>
            <span class="arrow"></span>
        </a>
        <ul class="sub">
            {% for sub_menu in menu.children_menus %}
            <li><a class="" href="{{ sub_menu.url_name }}">{{ sub_menu.name }}</a></li>
            {% endfor %}
        </ul>
    </li>
    {% else %}
    <li class="">
        <a class="" href="{{ menu.url_name }}">
            <i class="icon-dashboard"></i>
            <span>{{ menu.name }}</span>
        </a>
    </li>
    {% endif %}
{% endfor %}



{#                  <li class="">#}
{#                      <a class="" href="index.html">#}
{#                          <i class="icon-desktop"></i>#}
{#                          <span>系统首页</span>#}
{#                          <span>{{ menus }}</span>#}
{#                      </a>#}
{#                  </li>#}
{##}
{#                  <li class="sub-menu">#}
{#                      <a href="javascript:;" class="">#}
{#                          <i class="icon-book"></i>#}
{#                          <span>学员中心</span>#}
{#                          <span class="arrow"></span>#}
{#                      </a>#}
{#                      <ul class="sub">#}
{#                          <li><a class="" href="general.html">我的课程</a></li>#}
{#                          <li><a class="" href="buttons.html">我的作业</a></li>#}
{#                          <li><a class="" href="widget.html">我的考勤</a></li>#}
{##}
{#                      </ul>#}
{#                  </li>#}
{#                  <li class="sub-menu">#}
{#                      <a href="javascript:;" class="">#}
{#                          <i class="icon-columns"></i>#}
{#                          <span>教师中心</span>#}
{#                          <span class="arrow"></span>#}
{#                      </a>#}
{#                      <ul class="sub">#}
{#                          <li><a class="" href="grids.html">我的课程</a></li>#}
{#                          <li><a class="" href="calendar.html">批改作业</a></li>#}
{#                          <li><a class="" href="charts.html">我的考勤</a></li>#}
{#                      </ul>#}
{#                  </li>#}
{#                  <li class="sub-menu">#}
{#                      <a href="javascript:;" class="">#}
{#                          <i class=" icon-jpy"></i>#}
{#                          <span>销售中心</span>#}
{#                          <span class="arrow"></span>#}
{#                      </a>#}
{#                      <ul class="sub">#}
{#                          <li><a class="" href="form_component.html">我的学员</a></li>#}
{#                          <li><a class="" href="form_wizard.html">学员信息</a></li>#}
{#                          <li><a class="" href="form_validation.html">新增学员</a></li>#}
{#                      </ul>#}
{#                  </li>#}
{#                  <li class="sub-menu">#}
{#                      <a href="javascript:;" class="">#}
{#                          <i class="icon-gears (alias)"></i>#}
{#                          <span>统计中心</span>#}
{#                          <span class="arrow"></span>#}
{#                      </a>#}
{#                      <ul class="sub">#}
{#                          <li><a class="" href="basic_table.html">销售统计</a></li>#}
{#                          <li><a class="" href="dynamic_table.html">结业统计</a></li>#}
{#                          <li><a class="" href="dynamic_table.html">作业统计</a></li>#}
{#                          <li><a class="" href="dynamic_table.html">考勤统计</a></li>#}
{#                      </ul>#}
{#                  </li>#}
{#                  <li class="sub-menu">#}
{#                      <a href="javascript:;" class="">#}
{#                          <i class="icon-bell"></i>#}
{#                          <span>教学质量</span>#}
{#                          <span class="arrow"></span>#}
{#                      </a>#}
{#                      <ul class="sub">#}
{#                          <li><a class="" href="basic_table.html">满意度</a></li>#}
{#                          <li><a class="" href="dynamic_table.html">结业详情</a></li>#}
{#                      </ul>#}
{#                  </li>#}
{#                  <li class="sub-menu active">#}
{#                      <a href="javascript:;" class="">#}
{#                          <i class="icon-user"></i>#}
{#                          <span>个人信息</span>#}
{#                          <span class="arrow"></span>#}
{#                      </a>#}
{#                      <ul class="sub">#}
{#                          <li class="active"><a class="" href="blank.html">课程表</a></li>#}
{#                          <li><a class="" href="profile.html">个人信息</a></li>#}
{#                          <li><a class="" href="invoice.html">修改密码</a></li>#}
{#                          <li><a class="" href="404.html">退出</a></li>#}
{#                      </ul>#}
{#                  </li>#}
{#                  <li>#}
{#                  </li>#}
              </ul>
              <!-- sidebar menu end-->
          </div>
      </aside>
      <!--sidebar end-->
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
              <!-- page start-->
        {% block content %}
            test







        {% endblock %}
              <!-- page end-->
          </section>
      </section>
      <!--main content end-->
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/jquery.scrollTo.min.js"></script>
    <script src="/static/js/jquery.nicescroll.js" type="text/javascript"></script>


    <!--common script for all pages-->
    <script src="/static/js/common-scripts.js"></script>
{% block loadjs %}
{% endblock %}
  {% block loadcss %}
  {% endblock %}
  </body>
</html>
